.app-tabs {
  --el-tabs-header-height: 32px;

  transform: translateY(16px);

  .el-tabs__header {
    @apply m-0 select-none;

    .el-tabs__nav-wrap {
      &::after {
        height: 1px;
      }

      .el-tabs__nav-prev {
        @apply leading-[26px];
      }

      .el-tabs__nav-scroll {
        .el-tabs__nav {
          .el-tabs__item {
            align-items: flex-start !important;
            font-size: 14px !important;
            padding: 0 16px !important;
            line-height: normal;
            font-weight: 400;

            &:nth-of-type(2) {
              padding-left: 0 !important;
            }

            &.is-active {
              @apply font-semibold;
            }
          }
        }
      }
    }
  }
}

.basic-page {
  @apply px-[24px] flex-1 h-full flex flex-col overflow-hidden bg-white rounded-[10px];
}

.basic-page-content {
  @apply flex-1 h-full flex flex-col overflow-hidden;
}

.basic-page-header {
  @apply h-[64px] flex items-center;

  min-height: 64px;

  &.hide-back-text {
    .el-page-header__left {
      .el-page-header__back {
        & + .el-divider[role='separator'],
        .el-page-header__title {
          display: none;
        }
      }
    }
  }
}

.no-padding-left {
  .el-tabs__nav-scroll {
    padding-left: -8px !important;
  }
}
